.pure-indicator-title {
    margin: var(--pure-indicator-title-margin);
    box-sizing: border-box;
    width: var(--pure-indicator-title-width);
    height: var(--pure-indicator-title-height);
    position: var(--pure-indicator-title-position, absolute);
    top: var(--pure-indicator-title-top, auto);
    bottom: var(--pure-indicator-title-bottom, 0);
    left: var(--pure-indicator-title-left, 0);
    right: var(--pure-indicator-title-right, 0);
    transform: var(--pure-indicator-title-transform);
    color: var(--pure-indicator-title-color, #ffffff);
    text-align: var(--pure-indicator-title-text-align);
    font-size: var(--pure-indicator-title-font-size, var(--pure-font-size-smaller));
    writing-mode: var(--pure-indicator-title-writing-mode);
    line-height: var(--pure-indicator-title-line-height, 1);
}

.pure-indicator-title-item {
    position: var(--pure-indicator-title-item-position, absolute);
    top: var(--pure-indicator-title-item-top, auto);
    bottom: var(--pure-indicator-title-item-bottom, 0);
    left: var(--pure-indicator-title-item-left, 0);
    right: var(--pure-indicator-title-item-right, 0);
    z-index: var(--pure-indicator-title-item-z-index, 10);
    width: var(--pure-indicator-title-item-width, 100%);
    height: var(--pure-indicator-title-item-height, auto);
    padding: var(--pure-indicator-title-padding, 10px 15px);
    box-sizing: border-box;
    background: var(--pure-indicator-title-background, var(--pure-background-mask));
    border-radius: var(--pure-indicator-title-border-radius);
    opacity: var(--pure-indicator-title-item-opacity, 0);
    transition-duration: var(--pure-indicator-title-item-transition-duration, 0.3s);
    transition-property: var(--pure-indicator-title-item-transition-property, all);
    transition-timing-function: var(--pure-indicator-title-item-transition-timing-function, linear);
    transform: var(--pure-indicator-title-item-active-transform);
    pointer-events: none;
}

.pure-indicator-title-item-active {
    position: var(--pure-indicator-title-item-active-position, var(--pure-indicator-title-item-position, absolute));
    background: var(--pure-indicator-title-item-active-background, var(--pure-indicator-title-background, var(--pure-background-mask)));
    opacity: var(--pure-indicator-title-item-active-opacity, 1);
    color: var(--pure-indicator-title-item-active-color, var(--pure-indicator-title-color, #ffffff));
    transform: var(--pure-indicator-title-item-active-transform);
    pointer-events: all;
}
